<template>
  <div class="ft">
    <!-- 左边 -->
    <div class="ft_r">
      <ul class="ft_li">
        <li>
          <a>服务条款</a>
          <span>|</span>
        </li>
        <li>
          <a>隐私政策</a>
          <span>|</span>
        </li>
        <li>
          <a>儿童隐私政策</a>
          <span>|</span>
        </li>
        <li>
          <a>版权投诉</a>
          <span>|</span>
        </li>
        <li>
          <a>投资者关系</a>
          <span>|</span>
        </li>
        <li>
          <a>广告合作</a>
          <span>|</span>
        </li>
        <li>
          <a>廉正举报</a>
          <span>|</span>
        </li>
        <li>
          <a>联系我们</a>
        </li>
      </ul>
      <p>
        网易公司版权所有©1997-2022杭州乐读科技有限公司运营： <a href="javascript:;">浙网文[2021]1186-054号</a>
      </p>
      <p>
        <a href="javascript:;">粤B2-20090191-18 工业和信息化部备案管理系统网站</a>
        <a href="javascript:;"> 浙公网安备33010902002564号</a>
      </p>
      <p>
        互联网宗教信息服务许可证：浙（2022）0000120
        监督举报邮箱：51jubao@service.netease.com
      </p>
    </div>
    <!-- 右边 -->
    <div class="ft_l">
      <ul class="ft_l_li">
        <li><img src="./image/3.png" /><span>用户认证</span></li>
        <li><img src="./image/3.png" /><span>用户认证</span></li>
        <li><img src="./image/3.png" /><span>用户认证</span></li>
        <li><img src="./image/3.png" /><span>用户认证</span></li>
        <li><img src="./image/3.png" /><span>用户认证</span></li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer",
};
</script>

<style lang="less" scoped>
.ft {
  margin: 0 auto;
  width: 984px;
  height: 150px;
  display: flex;
  //   左边
  .ft_r {
    width: 535px;
    height: 100px;
    line-height: 30px;
    p,p a{
      font-size: 12px;
      color: rgb(102, 102, 102);
    }
    .ft_li {
      padding-top: 10px;
      display: flex;
      font-size: 12px;
      span {
        margin: 0 3px;
        color: rgb(153, 164, 190);
      }
    }
  }
  //   右边
  .ft_l {
    width: 420px;
    height: 75px;
    display: flex;
    margin: auto 0;
    justify-content: center;
   
    .ft_l_li {
      width: 420px;
      height: 75px;
      display: flex;
      align-items: center;
      justify-content: space-around;
      img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
      }
      li {
        display: flex;
        flex-direction: column;

        span{
          font-size: 8px;
          color: rgb(165, 165, 165);
        }
      }
    }
  }
}
</style>
